<template>
  <div class="foot">
    <div class="title">友情链接</div>
    <div class="email">Email: service@shsmile.com.cn</div>
    <div class="content">上海大规模智慧学习平台在2014年被上海市委和市政府联合发布的《上海市推进智慧城市
    建设行动计划(2014-2016年)》中作为重点专项明确列入行动计划。16年底，上海大规模智慧学习平台成为《上海市教育
    信息化“十三五”规划》中明确指出的重点举措项目。《规划》指出，通过上海大规模智慧学习平台等的建设，为教育教学
    和教育管理决策提供有力支撑。</div>
    <div class="code">
      <img src="../assets/img/two-code.png"/>
    </div>
    <div class="text">分享二维码链接此页</div>
    <div class="text1">
      <span>©2019上海大规模智慧学习平台|沪ICP备05002296号-28 Powered by  万达信息股份有限公司</span>
    </div>
  </div>
</template>

<script>
  export default {
    name: "foot"
  }
</script>

<style lang="scss" scoped>
.foot{
  width: 100%;
  height: 20rem;
  background: #F1FAF7;
  position: relative;
  .title{
    position: absolute;
    top: 3rem;
    left: 8rem;
  }
  .email{
    position: absolute;
    top: 5.3rem;
    left: 8rem;
  }
  .content{
    position: absolute;
    top: 8rem;
    left: 8rem;
    width: 65%;
    height: 10rem;
    line-height: 2rem;
  }
  .code{
    position: absolute;
    top: 3rem;
    right: 7rem;
    width: 10rem;
    height: 10rem;
    img{
      width: 100%;
      height: 100%;
    }
  }
  .text{
    position: absolute;
    top: 13.5rem;
    right: 7.5rem;
  }
  .text1{
    display: inline-block;
    width: 100%;
    margin-top: 16rem;
    text-align: center;
    span{
      display: inline-block;
      color: #999999;
    }
  }
}
</style>